<html>
    <head>
        <title>产线工单概览</title>
        #parse("sys/header.html")
        <link rel="stylesheet" href="${rc.contextPath}/statics/css/analyse/monitor.css">
        <style>
            .ui-jqgrid .ui-jqgrid-htable .ui-th-div {
                height: 25px;
                margin-top: 5px;
                display: inine-block;
            }
            .urgeCss{
                background-color: yellow;
            }
        </style>
    </head>
    <body>
        <div id="rrapp" v-cloak style="margin-top:20px">
            <div>
                <div id="container2" style="width:75%;height:95vh;overflow:auto;float:left;margin: 10px;">
                    <table id="jqGrid"></table>
                </div>
                <div style="height: 95vh;float:left;width:20%">
                    <Card style="height:45vh">
                        <p slot="title">
                            <Icon type="ios-cog-outline"></Icon> 报修工单
                        </p>
                        <ul>
                            <li>
                                <span>待分派：</span>
                                <span class="gdr wd">{{workOrderStat.wd}}</span>
                            </li>
                            <li>
                                <span>待维修：</span>
                                <span class="gdr ud">{{workOrderStat.un}}</span>
                            </li>
                            <li>
                                <span>执行中：</span>
                                <span class="gdr id">{{workOrderStat.ing}}</span>
                            </li>
                            <li>
                                <span>效果确认：</span>
                                <span class="gdr do">{{workOrderStat.ed}}</span>
                            </li>
                        </ul>
                    </Card>
                    <Card style="height:45vh;margin-top:20px">
                        <p slot="title">
                            <Icon type="ios-gear"></Icon> 维护工单
                        </p>
                        <ul>
                            <li>
                                <span>待分派：</span>
                                <span class="gdr wd">{{maintainPlanStat.wd}}</span>
                            </li>
                            <li>
                                <span>未开始：</span>
                                <span class="gdr ud">{{maintainPlanStat.un}}</span>
                            </li>
                            <li>
                               <span>维护中：</span>
                                <span class="gdr id">{{maintainPlanStat.ing}}</span>
                            </li>
                            <li>
                                <span>已结束：</span>
                                <span class="gdr do">{{maintainPlanStat.ed}}</span>
                            </li>
                        </ul>
                    </Card>
                </div>
            </div>
        </div>
        <script src="${rc.contextPath}/js/analyse/lineTicketOverview.js?_${date.systemTime}"></script>
    </body>
</html>